import Cookies from "js-cookie";
import { defineStore } from "pinia";

export const useAppStore = defineStore({
  id: "app",
  state: () => ({
    sidebar: {
      opened: Cookies.get("sidebarStatus") ? !!+(Cookies.get("sidebarStatus") as string) : true,
      withoutAnimation: false,
    },
    device: "desktop"
  }),

  actions: {

    toggleSidebar() {
      this.sidebar.opened = !this.sidebar.opened
      this.sidebar.withoutAnimation = false
      if (this.sidebar.opened) {
        Cookies.set("sidebarStatus", "1")
      } else {
        Cookies.set("sidebarStatus", "0")
      }
    },

    closeSidebar(withoutAnimation: boolean) {
      Cookies.set("sidebarStatus", "0")
      this.sidebar.opened = false
      this.sidebar.withoutAnimation = withoutAnimation
    },

    toggleDevice(device: string) {
      this.device = device
    }
  }
})